<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		.dd{
			
			font-size: 30px;
		}
		span{
			padding-left: 500px;
			padding-right: 500px;
			font-size: px;
		}
		a{
			text-decoration:none;
			color:blue;
		}
		.table1.{
			float: left;
			
		}
		
		.table2{
			float: right;
			background-color: yellow;
			margin-right:100px;
		}
	</style>
	<body>
		<select name="wenzi" id="">
			<option value="zhongwen">中文</option>
			<option value="yingwen">英文</option>
		</select>
		<select name="wenzi" id="">
			<option value="renminbi">人民币</option>
			<option value="yingbang">英镑</option>
		</select>
		<a href="" style="margin-left: 1350px;margin-right: 40px;">购物车</a>
		<a href="">注册</a>
		<a href="">|登录</a><br />
		<div style="text-align: center;font-size: 50px;letter-spacing: 10px;">陈晨美食</div>
		<table align="center" style="font-size: 25px;letter-spacing: 20px;">
			<tr>
				<td style="border-spacing: 5px;background-color: yellow;padding-left: 40px;padding-right: 70px;">
					首页
				</td>
				<td style="border-spacing: 5px;background-color: yellow;padding-left: 40px;padding-right: 70px;">
					主食
				</td>
				<td style="border-spacing: 5px;background-color: yellow;padding-left: 40px;padding-right: 70px;">
					荤菜
				</td>
				<td style="border-spacing: 5px;background-color: yellow;padding-left: 40px;padding-right: 70px;">
					素材
				</td>
				<td style="border-spacing: 5px;background-color: yellow;padding-left: 40px;padding-right: 70px;">
					甜品
				</td>
				<td style="border-spacing: 5px;background-color: yellow;padding-left: 40px;padding-right: 70px;">
					小吃
				</td>
			</tr>
		</table><br />
		<a style="font-size: 30px;">每日优惠</a><br />
		<div class="">
		<table class="table1">
			<tr>
				<td style="border-spacing: 40px;">
					<img src="img/1.jpeg" width="300px" height="200px" style="object-fit: cover;">
				</td>
				<td style="border-spacing: 40px;">
					<img src="img/1.jpeg" width="300px" height="200px" style="object-fit: cover;">
				</td style="border-spacing: 40px;">
				<td>
					<img src="img/1.jpeg" width="300px" height="200px" style="object-fit: cover;">
				</td >
				<td style="border-spacing: 40px;">
					<img src="img/1.jpeg" width="300px" height="200px" style="object-fit: cover;">
				</td>
			</tr>
			<tr>
				<td style="text-align: center;">
					28yuan
				</td>
				<td style="text-align: center;">
					28yuan
				</td>
				<td style="text-align: center;">
					28yuan
				</td>
				<td style="text-align: center;">
					28yuan
				</td>
			</tr>
			<tr>
				<td style="text-align: center;">
					小姐姐
				</td>
				<td style="text-align: center;">
					小姐姐
				</td>
				<td style="text-align: center;">
					小姐姐
				</td>
				<td style="text-align: center;">
					小姐姐
			</tr>
		</table>
		<table style="width: 200px;height: 200px;"class="table2">
			<tr>
				<td align="center"><input type="text"/></td>
			</tr>
			<tr>
				<td align="center" style="vertical-align: top;"><button>vvvv</button></td>
			</tr>
		</table>
	</body>
</html>